<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <title>
                Document
            </title>
            <style type="text/css">
                #container{
        width: 400px;
        min-height: 300px;
        background-color: lightgreen;
        margin: auto;
        padding: 10px;
        text-align: center;
    }
    li{
        list-style: none;
        text-align: left;
    }
            </style>
            <script src="./jquery.js" type="text/javascript">
            </script>
        </meta>
    </head>
    <body>
        <div id="container">
            <select id="city">
                <option value="101010100">
                    北京
                </option>
                <option value="101020100">
                    上海
                </option>
                <option value="101280101">
                    广州
                </option>
                <option value="101280601">
                    深圳
                </option>
            </select>
            <input id="query" type="button" value="查询">
                <div id="info">
                </div>
            </input>
        </div>
    </body>
</html>